﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-overflow</title>
<link rel="stylesheet" href="demo.css"/>
<style type="text/css">
p{margin:10px;background:#ddd;}
.m-demo p{height:60px;line-height:60px;overflow:hidden;}
.m-demo .p1{text-overflow:ellipsis;}
.m-demo .p2{text-overflow:ellipsis;white-space:nowrap;}
</style>
</head>
<body>
<div class="m-demo">
	<p class="p1">文本溢出：text-overflow:ellipsis;文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出</p>
	<p class="p2">文本溢出：text-overflow:ellipsis;文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出文本溢出</p>
</div>
</body>
</html>